<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
事件绑定
 事件绑定
  IE方式
   attachEvent(事件名称，函数)，绑定事件处理函数
   detachEvent(事件名称，函数)，解除绑定
  DOM方式
    addEventListener(事件名称，函数，捕获)
    removeEventListener(事件名称，函数，捕获)
  何时使用事件绑定
  绑定事件和this
  绑定匿名函数，会无法删除


高级拖拽--1
  复习拖拽原理
    距离不变
    三个事件：down、move、up
  限制范围
    对位置进行判断
    例子1：不能拖出窗口的Div
    例子2：不能拖出指定对象的Div
    磁性吸附

高级拖拽--2
  图片拖拽
    阻止默认事件
  文字选中
    阻止默认事件
    IE下拖动有问题
      事件捕获
  与DOM配合
    带框的拖动
    保留原有位置的拖拽

自定义滚动条
  拖拽
   只有横向拖拽
   限制范围--范围的大小
   计算比例--当前值/最大值
  控制其他对象
   例子1：控制物体的大小
   例子2：控制物体的透明度
   例子3：控制文字滚动
</body>
</html>